<template>
  <div>
    <h1>props</h1>
    <h2>{{msg}}</h2>
    <h2 v-text="title"></h2>
  </div>
</template>

<script>
export default {
  name: "",
  //props中的数据和data中的数据一样正常使用即可
  //   props: ["msg", "title"],
  props: {
    msg: {
      //Number String Boolean Array Object Date Function Symbol
      type: String,
      //是不是必须传递,如果设置了required必须传递数据，否则报错
      //   required: true,
      //传递一个默认值
      default: "xxx"
    },
    title: {
      type: String
    },
    // props传递过来的数据不建议进行更改，如果有需要进行更改，设置一个初始值去接收它，更改data中的初始值的那个值
    obj: {
      type: Object
    }
  },
  data() {
    return {
      info: ""
    };
  },

  components: {},

  computed: {},

  beforeMount() {},

  mounted() {
    // this.msg = "yyy";
    this.obj.name = "Rose";
    this.info = this.msg;
  },

  methods: {},

  watch: {}
};
</script>
<style lang='' scoped>
</style>